﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="gasto_previsto.aspx.cs" Inherits="SimuladorGastos.gasto_previsto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Scotiabank | Consejos</title>
    
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.collapse.js"></script>
    <link href="css/uniform.default.css" rel="stylesheet" type="text/css">
    
    
    
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
    <link type="text/css" href="css/jquery.fancybox-1.3.4.css" rel="stylesheet">
    
    
    
    
    <script type="text/javascript" src="js/jquery.fusioncharts.js"></script>
    <script src="js/funciones.js"></script>
    
    <%--<script src="grafico.js"></script>--%>
  
    <script src="js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
    
    <link type="text/css" href="css/style_simulador_gastos.css" rel="stylesheet">
    
    
        <script type="text/javascript">


            //*** Este Codigo permite Validar que sea un campo Numerico
            function Solo_Numerico(variable) {
                Numer = parseInt(variable);
                if (isNaN(Numer)) {
                    return "";
                }
                return Numer;
            }
            function ValNumero(Control) {
                Control.value = Solo_Numerico(Control.value);
            }
            //*** Fin del Codigo para Validar que sea un campo Numerico



            $(function() {
            //llama la funcion sumar, la cual suma los subtotales de la pantalla segun al grupo que tienes (grupo1, grupo2, etc).
            sumar();
            
            
                $("#btn_Aceptar").click(function() {
                    //obtemos la variable
                    //Al presionar el boton btn_Aceptar, busca la variable "ingreso_mensual" mediante GET
                    var ingreso_mensual = getUrlVars()["ingreso_mensual"];


                    //valida si el campo #total tiene informacion para guardar o sino manda msj de error
                    if ($('#total').html() == '' || $('#total').html() == '0.00' || $('#total').html() == '0') {
                        alert('Es necesario ingresar \nla información solicitada.');
                        return false;
                        
                    }
                    else {
                        window.setTimeout('window.location = "mensaje.htm?ingreso_mensual=' + ingreso_mensual + '";', 500);
                    }

                });


            });
    </script>
    

</head>
<body>
                        
                        
                        
 
    	<form id="form1" runat="server">
 
    	<div id="container">
    		<p align="center" style="text-align: center; background: white;">
					<img src="img/scotia.png" border="0" style="margin-bottom: 10px;">
			</p>
    		<asp:ScriptManager ID="ScriptManager1" runat="server">
                        </asp:ScriptManager>
        	
            
          
                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                    <ContentTemplate>
            <div class="content">
                <div id="wrap">
                	<div class="tbg bg-top">
                        <asp:HiddenField ID="cadena" runat="server" />
                    </div>
        	<div class="tbg bg_bottom"></div>
                	<h2>2</h2> 
                    <div class="col" style="margin-bottom: 10px;">
                    
                        <div class="align_right">
                            s/.<span id="total">0.00</span><%--<input id="total" type="text" disabled="disabled" />--%>
                                <%--<asp:TextBox ID="total" name="total" runat="server" Text="0.00" Enabled="false" ></asp:TextBox>--%></div>
                        <h2>Gastos Totales</h2>
                        <div class="demo">
                           	<div id="f0" class="cont pink">
                           <div class="align_right">s/.<span id="txt_1_0" class="sumatoria">0.00</span><%--<input id="txt_1_0" class="sumatoria" type="text" disabled />--%></div>
                            
                            <h3 class="active">Servicios b&aacute;sicos  </h3>
                            <ul>
                                <!--
                                id="txt_01_01_01" Indica el valor TXT de texto, el primer 01 el valor del total, el ID de Servicios Basicos y finalmente el 01 de id de pregunta
                                -->
                                <li><div class="align_left">Alquiler</div> <div class="align_right">s/.<input id="txt_1_1" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Luz</div> <div class="align_right">s/.<input id="txt_1_2" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Agua</div> <div class="align_right">s/.<input id="txt_1_3" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Tel&eacute;fono</div> <div class="align_right">s/.<input id="txt_1_4" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Cable</div> <div class="align_right">s/.<input id="txt_1_5" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Internet</div> <div class="align_right">s/.<input id="txt_1_6" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Celulares</div> <div class="align_right">s/.<input id="txt_1_7" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_1_8" class="grupo1" type="text" onkeyUp="return ValNumero(this);"/></div></li>
                                <%--<li><div class="align_left">Subtotal</div> <div class="align_right">s/.<input id="txt_1_9" class="grupo1" type="text" /></div></li>--%>
                                
                            </ul>
                            </div>
                             <div id="f1"  class="cont blue">
                           <div class="align_right subtotal">s/.<span id="txt_2_0" class="sumatoria">0.00</span><%--<input id="txt_2_0" class="sumatoria" type="text" disabled  />--%></div>
                            <h3>Alimentaci&oacute;n </h3>
                            <ul>
                                <li><div class="align_left">Compras para la casa</div> <div class="align_right">s/.<input id="txt_2_1" class="grupo2" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Loncheras</div> <div class="align_right">s/.<input id="txt_2_2" class="grupo2" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Men&uacute;s en trabajo o escuela</div> <div class="align_right">s/.<input id="txt_2_3" class="grupo2" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Celebraciones en el hogar</div> <div class="align_right">s/.<input id="txt_2_4" class="grupo2" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_2_5" class="grupo2" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Subtotal</div> <div class="align_right">s/.<input id="txt_2_6" class="grupo2" type="text" /></div></li>--%>
                            </ul>
                            </div>
                            <div id="f2"  class="cont gr">
                            <div class="align_right subtotal">s/.<span id="txt_3_0" class="sumatoria">0.00</span><%--<input id="txt_3_0" class="sumatoria" type="text" disabled  />--%></div>
                            
                            <h3>Educaci&oacute;n</h3>
                            <ul>
                                <li><div class="align_left">Matricula</div> <div class="align_right">s/.<input id="txt_3_1" class="grupo3" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Pensi&oacute;n mensual</div> <div class="align_right">s/.<input id="txt_3_2" class="grupo3" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">&Uacute;tiles y materiales</div> <div class="align_right">s/.<input id="txt_3_3" class="grupo3" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_3_4" class="grupo3" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_3_5" class="grupo3" type="text" /></div></li>--%>
                            </ul> 
                            </div>
                            
                            <div id="f3"  class="cont yell">
                            <div class="align_right subtotal">s/.<span id="txt_4_0" class="sumatoria">0.00</span><%--<input id="txt_4_0" class="sumatoria" type="text"  disabled />--%></div>
                           
                            <h3>Transporte</h3>
                            <ul>
                                <li><div class="align_left">Pasaje en trasporte p&uacute;blico</div> <div class="align_right">s/.<input id="txt_4_1" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Gasolina</div> <div class="align_right">s/.<input id="txt_4_2" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Movilidad escolar</div> <div class="align_right">s/.<input id="txt_4_3" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Seguro de Auto</div> <div class="align_right">s/.<input id="txt_4_4" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Mantinimiento del auto</div> <div class="align_right">s/.<input id="txt_4_5" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_4_6" class="grupo4" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_4_7" class="grupo4" type="text" /></div></li>--%>
                            </ul>  </div>
                            
                            <div id="f4"  class="cont blo">
                            <div class="align_right subtotal">s/.<span id="txt_5_0" class="sumatoria">0.00</span><%--<input id="txt_5_0" class="sumatoria" type="text"  disabled />--%></div>
                         
                            <h3>Mantenimiento del hogar y seguridad</h3>
                            <ul>
                                <li><div class="align_left">Servicios dom&eacute;sticos</div> <div class="align_right">s/.<input id="txt_5_1" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Productos de limpieza</div> <div class="align_right">s/.<input id="txt_5_2" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Reparaciones menores</div> <div class="align_right">s/.<input id="txt_5_3" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Seguro de la vivienda</div> <div class="align_right">s/.<input id="txt_5_4" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Vigilancia</div> <div class="align_right">s/.<input id="txt_5_5" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_5_6" class="grupo5" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_5_7" class="grupo5" type="text" /></div></li>--%>
                            </ul></div> 
                            
                            <div id="f5"  class="cont lil">
                            <div class="align_right subtotal">s/.<span id="txt_6_0" class="sumatoria">0.00</span><%--<input id="txt_6_0" class="sumatoria" type="text" disabled  />--%></div>
                           
                            <h3>Cuidado persona</h3>
                            <ul>
                                <li><div class="align_left">Productos de higiene personal</div> <div class="align_right">s/.<input id="txt_6_1" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Seguros (M&eacute;dico y vida)</div> <div class="align_right">s/.<input id="txt_6_2" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Tratamientos m&eacute;dicos</div> <div class="align_right">s/.<input id="txt_6_3" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Medicinas</div> <div class="align_right">s/.<input id="txt_6_4" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Gimnasion o entrenamiento fisico</div> <div class="align_right">s/.<input id="txt_6_5" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_6_6" class="grupo6" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_6_7" class="grupo6" type="text" /></div></li>--%>
                            </ul> 
                            </div>
                            
                            <div id="f6"  class="cont do">
                            <div class="align_right subtotal">s/.<span id="txt_7_0" class="sumatoria">0.00</span><%--<input id="txt_7_0" class="sumatoria" type="text"  disabled />--%></div>
                           
                           
                            <h3>Vestido y Calzado</h3>
                            <ul>
                                <li><div class="align_left">Uniformes</div> <div class="align_right">s/.<input id="txt_7_1" class="grupo7" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Ropa de niños</div> <div class="align_right">s/.<input id="txt_7_2" class="grupo7" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Ropa de adultos</div> <div class="align_right">s/.<input id="txt_7_3" class="grupo7" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Reparaciones de ropa y calzado</div> <div class="align_right">s/.<input id="txt_7_4" class="grupo7" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_7_5" class="grupo7" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_7_6" class="grupo7" type="text" /></div></li>--%>
                            </ul>
                            </div>
                            
                            
                            <div id="f7"  class="cont pla">
                            <div class="align_right subtotal">s/.<span id="txt_8_0" class="sumatoria">0.00</span><%--<input id="txt_8_0" class="sumatoria" type="text"  disabled />--%></div>
                           
                           
                            <h3>Entretenimiento</h3>
                            <ul>
                                <li><div class="align_left">Restaurantes</div> <div class="align_right">s/.<input id="txt_8_1" class="grupo8" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Cine-Teatro</div> <div class="align_right">s/.<input id="txt_8_2" class="grupo8" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Disco</div> <div class="align_right">s/.<input id="txt_8_3" class="grupo8" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otras</div> <div class="align_right">s/.<input id="txt_8_4" class="grupo8" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_7_6" class="grupo7" type="text" /></div></li>--%>
                            </ul>
                            </div>
                            
                            <div id="f8"  class="cont car">
                            <div class="align_right subtotal">s/.<span id="txt_9_0" class="sumatoria">0.00</span><%--<input id="txt_9_0" class="sumatoria" type="text"  disabled />--%></div>
                           
                           
                            <h3>Salud</h3>
                            <ul>
                                <li><div class="align_left">Seguros</div> <div class="align_right">s/.<input id="txt_9_1" class="grupo9" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Tratamientos</div> <div class="align_right">s/.<input id="txt_9_2" class="grupo9" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Medicina</div> <div class="align_right">s/.<input id="txt_9_3" class="grupo9" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Doctores</div> <div class="align_right">s/.<input id="txt_9_4" class="grupo9" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <li><div class="align_left">Otros</div> <div class="align_right">s/.<input id="txt_9_5" class="grupo9" type="text" onkeyUp="return ValNumero(this);" /></div></li>
                                <%--<li><div class="align_left">Sub Total</div> <div class="align_right">s/.<input id="txt_7_6" class="grupo7" type="text" /></div></li>--%>
                            </ul>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div id="validar" style="background-image:url('img/fondo_blanco.jpg');">
                        <div id="valido" style="text-align:justify; display:none; height:400; width:700;">
                            <img src="img/good_hand.jpg" width="200" height="150" style="margin:auto;" />
                            <br />
                            CORRECTO!. El presupuesto que ha realizado es conforme, ya que no sobrepasa sus ingresos previamente ingresados.
                            <div style="height:400; width:600;"></div>
                            <br /><br />
                            <input id="btn_mostrar_grafico" type="button" value="Mostrar Grafico" onclick="javascript:mostrar_grafico();" />
                        </div>

                        <div id="invalido" style="text-align:justify; display:none;">
                            <img src="img/alert.png" width="200" height="150" />
                            <br />
                            CUIDADO!. El presupuesto que ha realizado sobrepada la cantidad de sus ingresos.        
                        </div>
                        
                        
                        
                        
                    </div>
                    
                    
                    
                        <%--<input id="Button1" type="button" Text="Aceptar" onclick="javascript:obtener_arreglo();" /
                		<input id="Button1" type="button" value="Aceptar" />--%>
                		<%--<input id="btn_Aceptar" type="button" value="Guardar" onclick="javascript:obtener_informacion();" />--%>
                        
                        <%--<a href="mensaje.htm" id="btn_mensaje" >
                        <input id="btn_Validar" type="button" value="Validar" />
                        </a>
                        <a href="#" id="btn_Grafico" >--%><%--
                    <asp:ImageButton ID="ImageButton1" runat="server" />--%>
                    <div style="width:100%; text-align:right;">
                    
                    
                                        <asp:Button ID="btn_Aceptar" runat="server" onclick="btn_Aceptar_Click" Text=" " />
                    </div>
                                    </ContentTemplate>
                    </asp:UpdatePanel>
                                
                      <%--<input type="button" id="redireccionar" onclick="javascript:validar_boton_graficar();" value="" />--%>
                      
                        <%--<input id="btn_grafico2" type="button" value="Listo"  onclick="javascript:validar_texto_vacio();" />
                        </a>--%>
                        
                </div>
                    
                        
          
                  
            </div>
            
     
 
    <script>

        $(function() {



        $("input, textarea, select, button").uniform();


        $("#f0").addClass("pink");


            $(".demo").collapse({ show: function() {
            this.animate({
            opacity: 'toggle',
            height: 'toggle'
            }, 300);
            },
            hide: function() {

                    this.animate({
            opacity: 'toggle',
            height: 'toggle'
            }, 300);
            }
            });
            $(".demo-2").collapse({ hide: function() {
            this.fadeOut();
            }


            });

        });
       
</script>
    
        </form>
    
    
    
    
    
    
<script language="JavaScript" type="text/javascript" src="https://apps.scotiabank.com/inc/omnitureperu.js"></script> 
    
    
    
    
    
</body>
</html>

